<template>
    <!--酒店介绍-->
    <div class="hotel-intro">
        <div class="intro-hd">
            <div class="intro-extra">
                <span class="score">
                    <em>{{intro.score}}</em>分</span>
                <span class="divide"></span>
                <span class="from">
                    <strong class="t">{{intro.evaluate}}</strong><br>
                    <i class="icon-bg icon-m"></i>{{intro.comment}}评论
                </span>
            </div>

            <div class="main-title text-left">
                <h1>{{intro.title}}</h1>
            </div>
            <div class="en-title text-left">
                <span>{{intro.nainiang}}</span>
            </div>
            <div class="location text-left">
                <span :title="intro.site">地址：{{intro.site}}</span>
                <a class="a-maps" href="#"><i class="icon-bg"></i>查看地图</a>
            </div>
        </div>
    </div>

</template>

<script>
    export default {
        name: "Hotelintro",
        props:["intro"]
    }
</script>

<style scoped>
    .text-left{
        text-align: left;
    }
</style>